<template>
    <el-menu
    router
    class="el-menu-vertical-demo"
    @open="handleOpen"
    @close="handleClose"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b"
    style="min-height:100%;">

      
        <el-menu-item index="/index/echars">
            <i class="el-icon-s-home"></i>
            <span slot="title">图标</span>
        </el-menu-item>

        <el-submenu index="/1">
            <template slot="title">
                <i class="el-icon-user"></i>
                <span>用户管理</span>
            </template>
            <el-menu-item index="/index/userlist" ><i class="el-icon-user"></i>用户列表</el-menu-item>
        </el-submenu>

        <el-submenu index="2">
            <template slot="title">
                <i class="el-icon-user"></i>
                <span>商店管理</span>
            </template>
            <el-menu-item index="/index/shoplist">
              <i class="el-icon-menu"></i>
              <span slot="title">商店列表</span>
            </el-menu-item>
        </el-submenu>

        <el-menu-item index="/index/orderlist">
            <i class="el-icon-document"></i>
            <span slot="title">订单管理</span>
        </el-menu-item>

        <el-menu-item index="/index/videolist">
            <i class="el-icon-setting"></i>
            <span slot="title">视频管理</span>
        </el-menu-item>
    </el-menu>
</template>

<script>
  export default {
    name:'NavMenu',

    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      },
      currentPath () {
        return this.$route.path
      }
    }
  }
</script>